<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>MeteoCaldb</title>
    </h:head>

    <h:body>

        <p:layout fullPage="true">

            <p:layoutUnit position="north" size="70">
                <h:form>
                    <h:panelGrid columns="2" id="regGrid">
                        <p:inputText id="name" value="#{eventshowbean.eventsearch}" required="true" />
                        <p:commandButton id="search" style="background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); color: black; border: double; border-color: black" value="Search" action="#{eventshowbean.gotoSearch()}" />

                    </h:panelGrid>
                    <p:commandButton id="submit" style="background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); border: double; border-color: black; color: black; margin-left: 1240px; margin-top: -45px; position: absolute" value="logOut" action="#{loginbean.logOut()}" />
                </h:form>

            </p:layoutUnit>



            <p:layoutUnit position="west">
                <p:menu style="width: 140px; background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); border: double; border-color: black; border-width: 5px">
                    <p:submenu style="color: black; border: solid; background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%)" label="Event Manager">
                        <p:menuitem style="color: black" value="Create Event"  outcome="/s/user/createevent" />
                        <p:menuitem style="colors: black" value="Update Event"  outcome="/s/user/updateevent" />
                        <p:menuitem style="color: black" value="Delete Event"  outcome="/s/user/deleteevent" />
                    </p:submenu>
                </p:menu>
            </p:layoutUnit>

            <p:layoutUnit position="south" size='5'>
            </p:layoutUnit>

            <p:layoutUnit position="center">


                <h:form id="scheduleForm">
                    <!--<p:growl id="messages" showDetail="true" />-->

                    <h:panelGrid style="color:black;" columnClasses="value">
                        <p:schedule  id="schedule" value="#{calendarbean.eventModel}" widgetVar="schedule" timeZone="GMT+1">
                            <p:ajax event="eventSelect" listener="#{eventshowbean.onEventSelect}" />
                        </p:schedule>

                    </h:panelGrid>


                </h:form>

                <style type="text/css">
                    .value {
                        width: 1000px;
                    }
                </style>

            </p:layoutUnit>

        </p:layout>

    </h:body>  

</html>
